<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/jquery-3.1.1.min.js"></script>
		<script src="https://open.ys7.com/sdk/js/1.4/ezuikit.js"></script>
	</head>

	<body>
		<div>
			<button id="mysalsa" style="height: 100px;width: 100px;">截图</button>

		</div>
		<video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay>
			<source src="http://hls01open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.hd.m3u8" type="application/x-mpegURL" /> </video>
		<script>
			var player = new EZUIKit.EZUIPlayer({
				id: 'myPlayer',
				autoplay: true,
				url: "http://hls01open.ys7.com/openlive/f01018a141094b7fa138b9d0b856507b.hd.m3u8",
				accessToken: "ra.6vkzfrqrc3wu57lyb5xranp1aabj05sw-967sqfhtzs-1k4809s-9s9tked5q",
				decoderPath: ''
			});

			player.on('error', function() {
				console.log('error');
			});
			player.on('play', function() {
				console.log('play');
			});
			player.on('pause', function() {
				console.log('pause');
			});
			$("#mysalsa").on("tap", function() {
				//截图
				player.capturePicture(0, 'default');
			})
		</script>

	</body>

</html>